<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>id选择器</title>
    <style>
        ul li:nth-child(even) {
            /* even表示偶数  表达式表示ul li中的偶数行定义*/
            color: red;
        }
        
        ul li:nth-child(odd) {
            /* odd表示奇数 如上 */
            color: blue;
        }
        
        ol li:nth-child(2n-1)
        /* 对代数公式的运用 */
        /* 对奇数进行定义 */
        
        {
            background-color: chartreuse;
        }
    </style>

</head>

<body>
    <ul>
        <li>我是第1行</li>
        <li>我是第2行</li>
        <li>我是第3行</li>
        <li>我是第4行</li>
        <li>我是第5行</li>
        <li>我是第6行</li>
        <li>我是第7行</li>
        <li>我是第8行</li>
        <li>我是第9行</li>
        <li>我是第10行</li>
    </ul>
    <ol>
        <li>这是第1个</li>
        <li>这是第2个</li>
        <li>这是第3个</li>
        <li>这是第4个</li>
        <li>这是第5个</li>
        <li>这是第6个</li>
        <li>这是第7个</li>
        <li>这是第8个</li>
    </ol>
</body>

</html>